/******************************************* flex布局 *******************************************/
.c_flex{display: flex;}

.c_flex_1{flex: 1;}

.c_justify_center{justify-content: center;}
.c_justify_start{justify-content: flex-start;}
.c_justify_end{justify-content: flex-end;}
.c_justify_between{justify-content: space-between;}
.c_justify_around{justify-content: space-around;}

.c_align_start{align-items: flex-start;}
.c_align_center{align-items: center;}
.c_align_end{align-items: flex-end;}

.c_flex_direction_column{flex-direction: column;}
.c_flex_direction_column_reverse{flex-direction: column-reverse;}
.c_flex_direction_row{flex-direction: row;}
.c_flex_direction_row_reverse{flex-direction: row-reverse;}

.c_flex_wrap{flex-wrap: wrap;}
/******************************************* flex布局 *******************************************/



/****************************************** text-align ******************************************/
.c_text_align_left{text-align: left;}
.c_text_align_center{text-align: center;}
.c_text_align_right{text-align: right;}
/****************************************** text-align ******************************************/



/********************************************* 居中 *********************************************/
.c_relative{position: relative;}
.c_top_right_bottom_left_center{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/********************************************* 居中 *********************************************/



/********************************************* 颜色 *********************************************/
.c_fff{color: #fff;}
.c_f1f1f1{color: #f1f1f1;}
.c_f2f2f2{color: #f2f2f2;}
.c_f3f3f3{color: #f3f3f3;}
.c_f4f4f4{color: #f4f4f4;}
.c_f5f5f5{color: #f5f5f5;}
.c_f6f6f6{color: #f6f6f6;}
.c-333 {color: #333;}
.c_666{color: #666;}
.c_999{color: #999;}
.c_ccc{color: #ccc;}
.c_000{color: #000;}
.c_green{color: green;}
.c_yellow{color: yellow;}
.c_red{color: red;}
.c_blue{color: blue;}
.c_orange{color: orange;}
.c_purple{color: purple;}
.c_skyblue{color: skyblue;}
/********************************************* 颜色 *********************************************/



/********************************************* 字体 *********************************************/
.c_font_family_hwhp{font-family: '华文琥珀';}
.c_font_family_hwcy{font-family: '华文彩云';}
.c_font_weight_bold{font-weight: bold;}
.c_font_weight_bolder{font-weight: bolder;}
/********************************************* 字体 *********************************************/



/********************************************* 翻转 *********************************************/
.c_reverseY_180{transform: rotateY(180deg);}
/********************************************* 翻转 *********************************************/